import { useCounterStore } from '@/store/count'

const DemoOne: React.FC<unknown> = () => {
  const bears = useCounterStore((state) => state.bears)
  const increasePopulation = useCounterStore.use.increment()
  return (
    <>
      <h1>{bears} around here...</h1>
      <button
        onClick={increasePopulation}
        type="button"
      >
        one up
      </button>
    </>
  )
}

export default DemoOne
